<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="doc">
    <div id="head" style="background-color:#EFEFEF; height:100px;border:#CCC 1px solid;">
    	<a nav="changePassword" href="#">更改密码</a> | <a nav="6ds" href="#">六合彩</a> | <a nav="3ds" href="#">3DS</a>
    </div>
    <div id="layout">
        <div dom="main" style="display:none;border:#CCC 1px solid;height:300px;background-color:#FFFFee;">mainLoader</div>
        <div dom="left" style="display:none;border:#CCC 1px solid;height:300px;background-color:#FFFFee;width:30%;float:left;">leftLoader</div>
        <div dom="right" style="display:none;border:#CCC 1px solid;height:300px;background-color:#FFFFee;width:68%;float:right;">rightLoader</div>
        <div dom="rightTop" style="display:none;border:#CCC 1px solid;height:50px;background-color:#FFFFee;width:68%;float:right;">rightTop</div>
        <div dom="rightMiddle" style="display:none;border:#CCC 1px solid;height:250px;background-color:#FFFFee;width:68%;float:right;">rightMiddle</div>
    </div>
</div>

<div style="border:#CCC 1px solid; background-color:#FFFFCC;padding:20px;clear:both;">
	该Demo用要用来展示页面多重ModuleLoader的布局解决方案
</div>
<script type="text/javascript" src="mdf/js/common/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="mdf/js/common/mdf-min.js"></script>
<script type="text/javascript" src="mdf/js/project/project-init.js"></script>
<script type="text/javascript" src="mdf/js/project/language-mapping.js"></script>
<script type="text/javascript" src="mdf/js/project/error-mapping.js"></script>
<script type="text/javascript" src="mdf/js/project/action-mapping.js"></script>
<script type="text/javascript" src="mdf/js/project/layout.js"></script>
<script type="text/javascript" src="mdf/js/project/head.js"></script>
</body>
</html>
